﻿body {
}

.hidden {
    display: none !important;
}

/* text-align */
.text-left{ text-align: left }
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}


/* float */
.float-l{
    float: left;
}
.float-r{
    float: right;
}

/* margin */
.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-right-5{
    margin-right: 5px;
}
.margin-right-10 {
    margin-right: 10px;
}
.margin-right-15 {
    margin-right: 15px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-left-5 {
    margin-left: 5px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-15 {
    margin-left: 15px;
}

/* 宽度 */
.layui-width-100 {
    width: 100px !important;
}

.layui-width-120 {
    width: 120px !important;
}
.layui-width-150 {
    width: 150px !important;
}
.layui-width-200 {
    width: 200px !important;
}
.layui-width-300 {
    width: 300px !important;
}
.layui-width-400 {
    width: 400px !important;
}
.layui-width-500 {
    width: 500px !important;
}

/* bg-color */
.layui-bg-green1 {
    background-color: #2fa216 !important;
}
.layui-bg-gray1 {
    background-color: #999999 !important;
}

/* fore-color 字体颜色 */
.layui-fc-green {
    color: #2fa216 !important;
}

/* layui-form */
.layui-form *[colorRed] {
    color: #f00
}
.layui-form *[colorRed1] {
    color: #ff5722
}

/* 定义一个弹出card 中间body滚动 */
.layui-card.mx-common-dialog {
    padding: 0 0 10px 0;
}

    .layui-card.mx-common-dialog .layui-card-heder,
    .layui-card.mx-common-dialog .layui-card-footer {
        padding: 0 10px;
    }

    .layui-card.mx-common-dialog .layui-card-footer {
        text-align: right;
    }

        .layui-card.mx-common-dialog .layui-card-footer .layui-btn {
            margin-bottom: 0;
        }

        .layui-card.mx-common-dialog .layui-card-footer .layui-layer-close {
            position: relative;
            margin-bottom: 0;
        }

    .layui-card.mx-common-dialog .layui-card-body {
        border-bottom: 1px solid #f6f6f6;
        margin-bottom: 10px;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }


/* treeGrid border 底边线被挡住的处理 */
.treeGrid-box {
}

    .treeGrid-box > .layui-border-box {
        -moz-box-sizing: content-box; /*Firefox3.5+*/
        -webkit-box-sizing: content-box; /*Safari3.2+*/
        -o-box-sizing: content-box; /*Opera9.6*/
        -ms-box-sizing: content-box; /*IE8*/
        box-sizing: content-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
    }

/* reset lay-table lay-table-view */
.reset-table-margin{}
    .reset-table-margin .layui-table-view {
        margin: 0 !important;
    }

/*
    account 模块
*/
.chpage-accounts {
}

.chpage-accounts-main {
    min-width: 1030px;
}

/* common-list 通用的多个item带有红色删除 */
.common-list-box {
    margin: 10px 0;
}

.common-list-item {
    border: 1px solid #f2f2f2;
    width: auto;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
}

    .common-list-item .common-list-item-remove {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 18px;
        line-height: 20px;
        margin-left: 8px;
        top: 1px;
        text-align: center;
        font-size: 14px;
        color: #c2c2c2;
        transition: all .2s;
        -webkit-transition: all .2s;
        cursor: pointer;
    }

        .common-list-item .common-list-item-remove:hover {
            border-radius: 2px;
            background-color: #FF5722;
            color: #fff;
        }

/* Modules */

.treeBox {
    position: absolute;
    max-height: 300px;
    height: 300px;
    overflow: auto;
    width: 100%;
    z-index: 999;
    display: none;
    border: 1px solid silver;
    top: 42px;

}

treeBox > .layui-card-body {
}


/* message */
.msg-page{}
.msg-page .msg-bar-info{
    
}
    .msg-page .msg-bar-info .bg-line {
        width: 1px;
        height: 35px;
    }
.msg-page .msg-bar-info div.item {
    width: 70px !important;
    float: left;
}
.msg-page .msg-bar-info div.item span {
    color: #01AAED !important;
}
.msg-page .msg-bar-info div.item span,
.msg-page .msg-bar-info div.item p{
    cursor: pointer;
}
        
.msg-page .msg-bar-info div.item.item-naved p,
.msg-page .msg-bar-info div.item.item-naved span {
    color: #009688 !important;
    font-weight: bold;
}

.msg-page .msg-bar-info i.layui-icon-refresh {
    cursor: pointer;
    font-size: 18px;
}